import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home
    },
    {
        path: '/about1',
        name: 'About1',
        component: () => import('../views/About1.vue')
    },
    {
        path: '/about2',
        name: 'About2',
        component: () => import('../views/About2.vue')
    },
    {
        path: '/about3',
        name: 'About3',
        component: () => import('../views/About3.vue')
    },
    {
        path: '/about4',
        name: 'About4',
        component: () => import('../views/About4.vue')
    },
    {
        path: '/about5',
        name: 'About5',
        component: () => import('../views/About5.vue')
    },
    {
        path: '/about6',
        name: 'About6',
        component: () => import('../views/About6.vue')
    },
    {
        path: '/about7',
        name: 'About7',
        component: () => import('../views/About7.vue')
    },
    {
        path: '/about8',
        name: 'About8',
        component: () => import('../views/About8.vue')
    },
]

const router = new VueRouter({
    routes
})

export default router
